<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Title</title>
		<style>
			#paper {
				border: 1px solid #C8C8C8; 
				margin-left: auto;
				margin-right: auto;
			}
			#paper canvas { 
				margin-left: auto;
				margin-right: auto;
				display:block;
			}
		</style>
	</head>
	<body>
		<div id="console">
			<button onclick="app.moveRect({id:1})">Move Rand</button>
		</div>
		<div id="paper">
			
		</div>
		<script src="https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.21/lodash.js"></script>

		<script src="https://cdn.bootcdn.net/ajax/libs/pixi.js/7.2.4/pixi.js"></script>
		 
		<!-- <script src="renderer-pixi.js"> </script> -->

		<!-- <script type="module">
			import iRenderer from "./renderer-pixi.js";
			renderer = iRenderer;
			console.log(renderer, iRenderer)
		</script>

		<script type="module">
			import mm, * as iMakeup from "./makeup.js";
			makeup = iMakeup;
			console.log(mm, iMakeup, makeup)
		</script> -->
		<script type="module">
			import init, * as iapp from "./app.js";
			init.init({ dom : document.querySelector("#paper")})
			window.app= iapp
			console.log(window.app)
		</script>
		<script>
			 
		</script>
	</body>
</html>